<html>
<meta charset="utf-8">

<head>
    <script src="jquery-3.2.1.min.js"></script>
    <script>
        $(function () {
            $('button:first').click(function () {
                $('ul').remove();
            });
            $('button:eq(1)').click(function () {
                $('li:eq(2)').empty();
            });
            $('button:eq(2)').click(function () {
                $('li').remove('.tt');
            });
            $('button:eq(3)').click(function () {
                $('ul li:first').remove();
            });
        });
    </script>
    <style>
        ul li {
            color: blueviolet;
        }
    </style>
</head>
<div>
    <ul>
        123
        <li>remove() - 删除被选元素（及其子元素）</li>
        <li>empty() - 从被选元素中删除子元素</li>
        <li class="tt">333</li>
    </ul>
</div>
<button>remove删除</button>
<button>empty删除</button>
<button>remove过滤删除</button>
<button>测试元素内的选择器</button>
</html>